/**
 * @param {*} element 元素
 * @param {*} keyframe 动画参数 
 * @param {*} duration 周期（必须）
 * @param {*} easing 运行方式 
 *                  linear	动画从头到尾的速度是相同的。
                    ease	默认。动画以低速开始，然后加快，在结束前变慢。
                    ease-in	动画以低速开始。
                    ease-out	动画以低速结束。
                    ease-in-out	动画以低速开始和结束。
                    cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。
 * @param {*} delay 延时  
 * @param {*} iterations 运行次数  n || Infinity
 * @param {*} direction 是否反向 画会在奇数次数（1、3、5 等等）正常播放，而在偶数次数（2、4、6 等等）向后播放。 normal 默认值 reverse 反向
 */

// 通过 element.getAnimations() 获取所有绑定的动画
function comAnima(
    element,
    keyframe,
    duration,
    easing,
    delay = 0,
    iterations,
    direction
) {
    const option = {
        duration,
        easing,
        delay,
        iterations,
        direction,
    };

    element.animate(keyframe, option);
}